<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contact Us</title>
    <link rel="stylesheet" href="../layui/css/layui.css" />
    <link rel="stylesheet" href="../stylesheets/header-and-footer.css" />
    <style>
      html {
        height: 100%;
      }

      body {
        min-height: 100%;
        background-color: #e6e6e6;
      }

      .main-container h2,
      .main-container ul,
      .main-container ol,
      .main-container p {
        margin: 14px 0;
        padding-left: 40px;
      }

      .main-container ul li {
        list-style: disc;
      }

      .main-container ol li {
        list-style: decimal;
      }

      .main-container li {
        margin: 14px 0;
      }

      .main-container {
        position: relative;
        margin: 2rem auto;
        padding: 5rem;
        height: 90%;
        width: 70%;
        font-size: 14px;
        background-color: #fff;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
      }

      .main-container .name {
        font-size: 30px;
        text-align: center;
      }

      .main-container .portrait {
        position: absolute;
        top: 13em;
        right: 13em;
        height: 12rem;
        width: 12rem;
      }

      .main-container .cut {
        border-top: 1px solid #ededed;
      }

      .main-container .map {
        display: block;
        margin: 0 auto;
        width: 48vw;
        height: 74vh;
      }
    </style>
  </head>

  <body>
    <!-- 头部 -->
    <div class="layui-row">
      <!-- logo -->
      <div class="layui-col-md4">
        <header class="">
          <div id="header-container">
            <a href="https://www.spaceclimateobservatory.org/">
              <img
                class="logo"
                src="../images/sco-logo.svg"
                alt="Space Climate Observatory (SCO)"
              />
              <span style="color: #fff; font-size: 1.2em; line-height: 8.2vh"
                >国际气候观测站</span
              >
            </a>
            <a href="http://cge.njtech.edu.cn/">
              <img
                class="logo"
                src="../images/logo.png"
                alt="南京工业大学测绘科学与技术学院"
              />
            </a>
            <!-- <span class="title">江苏省海洋反演平台</span> -->
          </div>
        </header>
      </div>

      <!-- 导航栏 -->
      <div class="layui-col-md7 head-bg">
        <ul class="layui-nav nav-menu" lay-filter="">
          <li class="layui-nav-item">
            <a href="./index.html">Home</a>
          </li>
          <li class="layui-nav-item">
            <a href="./introduction.html">Project </a>
          </li>
          <li class="layui-nav-item">
            <a href="./background.html">Background</a>
          </li>
          <li class="layui-nav-item">
            <a href="./data.html">Research</a>
            <dl class="layui-nav-child">
              <dd><a href="./data.html">Data</a></dd>
              <dd><a href="./model-column/model.html">Models</a></dd>
              <dd><a href="./showdata.html">Algorithms</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="./about.html">Team</a>
          </li>
          <li class="layui-nav-item layui-this">
            <a class="last" href="./contact.html">Contact Us</a>
          </li>
        </ul>
      </div>
      <a href="../zh-cn/contact.html">
        <button class="layui-btn layui-btn-primary switch-language">
          Chinese
        </button>
      </a>
    </div>

    <!-- 内容 -->
    <div class="main-container">Contact Us</div>

    <!-- 尾部 -->
    <footer>
      <div id="footer-container">
        <ul class="footer-info-ls">
          <li>
            <span class="layui-breadcrumb" lay-separator="|">
              <a href="index.html">Home</a>
              <a href="./introduction.html">Project </a>
              <a href="./background.html">Background</a>
              <a href="./data.html">Research</a>
              <a href="./about.html">Team</a>
              <a href="./contact.html">Contact Us</a>
            </span>
          </li>
          <li>
            Address: No. 30, Puzhu South Road, Pukou District, Nanjing City,
            Jiangsu
            Province&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Post：211800&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Phone：025-58139464
          </li>
          <li>
            <a href="http://cge.njtech.edu.cn/"
              >Rights Reserved © School of Surveying and Mapping Science and
              Technology, Nanjing University of Technology</a
            >
          </li>
          <li></li>
        </ul>
      </div>
    </footer>

    <script src="../layui/layui.js" type="application/javascript"></script>
    <script>
      layui.use('element', function () {
        var element = layui.element
      })
    </script>
  </body>
</html>
